<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工业绩表</title>
    <link href="/static/layui/css/layui.css" media="all" rel="stylesheet">
    <link href="/static/crm/lib/layui-v2.6.3/css/layui.css" media="all" rel="stylesheet">
    <link href="/static/crm/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all" rel="stylesheet">
    <link href="/static/crm/css/public.css" media="all" rel="stylesheet">
</head>
<body>
<div class="layui-tab-content" style="height: 100px;">
    <div class="layuimini-container">
        <div class="layuimini-main">
            <fieldset class="table-search-fieldset">
                <legend>搜索信息</legend>
                <div style="margin: 10px 10px 10px 10px">
                    <form action="" class="layui-form layui-form-pane">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">ID</label>
                                <div class="layui-input-inline">

                                    <input autocomplete="off" class="layui-input" name="id" type="text">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">姓名</label>
                                <div class="layui-input-inline">
                                    <input autocomplete="off" class="layui-input" name="name" type="text">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">时间段</label>
                                <div class="layui-input-inline">
                                    <input autocomplete="off" class="layui-input" name="time" type="text">
                                </div>
                            </div>

                            <div class="layui-inline">
                                <button class="layui-btn layui-btn-primary" id="search_btn" lay-filter="data-search-btn"
                                        lay-submit type="submit"><i class="layui-icon"></i> 搜 索
                                </button>
                            </div>
                            <div class="layui-tab-item layui-show">
                                <table id="demo" lay-filter="test1"></table>
                            </div>
                        </div>
                    </form>
                </div>
            </fieldset>
        </div>
    </div>
</div>
<script charset="utf-8" src="/static/crm/lib/layui-v2.6.3/layui.js"></script>
<script charset="utf-8" src="/static/crm/js/lay-config.js?v=1.0.4"></script>
<script>
    layui.use(['form', 'table', 'layer', 'jquery'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table,
            layer = layui.layer;

        table.render({
            elem: '#demo'
            , toolbar: '#shuax'
            , url: '' //数据接口
            , page: true //开启分页
            , cols: [[ //表头
                {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'}
                , {field: 'client_id', title: '姓名', width: 100}
                , {field: 'number', title: '合同数量', width: 100}
                , {field: 'money', title: '合同金额', width: 100}
                , {field: 'deposit', title: '回款金额', width: 100}
                , {field: 'money', title: '分客数', width: 100}
                , {field: 'price', title: '分客成交数', width: 130, sort: true}
                , {field: 'remark', title: '分客成交率', width: 130}
                , {field: 'start_time', title: '线索数', width: 100}
                , {field: 'end_time', title: '转客数', width: 100}
                , {field: 'sale_id', title: '转客率', width: 80}
            ]]
        });
    })

</script>
</body>
</html>